<template>
	<view class="content padding" :class="{'small-job':small}">
		<view class="flex justify-between">
			<view class="text-gray">
				<image class="cu-avatar round bg-white" :src="data?.logo" mode="aspectFill"></image>
				<text class="padding-left-sm">{{data?.companyName}}</text>
			</view>
			<text class="iconfont icon-shuqian text-xxl"></text>
		</view>
		<view class="padding-tb-sm text-xl">
			{{data?.position}}
		</view>
		<view class="text-gray padding-bottom">
			{{data?.workLocation}}
			.
			<text class="text-orange">{{data?.salary}}</text>
		</view>
		<view class="padding-bottom text-cut" v-if="!small">
			{{data?.companyIntroduction}}
		</view>
		<view class="flex justify-between text-gray">
			<view class="">
				<text class="iconfont icon-renqun" style="font-size: 25upx;"></text>
				{{data?.companySizeDetail}}
				<text class="iconfont icon-liulan"></text>
				{{data?.companySize}}
			</view>
			<text v-if="!small">3分钟前</text>
		</view>
	</view>
</template>

<script lang="ts" setup>
import type { CompanyType } from '@/model/company';

defineProps<{
	small?:boolean,
	data:CompanyType
}>()
</script>

<style>
.content{
	border: 1upx solid #DDD;
	border-radius: 10upx;
	flex-shrink: 0;
	margin-bottom: 30upx;
}
.content.small-job{
	width: 400upx;
	margin-right: 30upx;
}
</style>